<template>
  <div class="fan-table">
    <el-dialog
      title="粉他"
      :visible.sync="helpVisible"
       width="50%" :center="true">
      <div>
        <div>
          <h3>1.关注右上角二维码获取暗号</h3>
          <img  width="70%"  src="http://chenyu-music.oss-cn-beijing.aliyuncs.com/2021-03-21/fc9f9ecb-18fc-4190-8dff-5f6bfd213992_11111.png">
        </div>
        <div>
          <h3>2.进入自己公众号的后台，设计自动关注回复，让别人订阅后知道你的暗号。</h3>
          <img  width="70%"  src="http://chenyu-music.oss-cn-beijing.aliyuncs.com/2021-03-21/b6b9051b-59cd-403b-8a3a-766958e3e1fe_22222.png">
        </div>
        <div>
          <h3>3.别人关注你后，可以得到带暗号的回复。</h3>
          <img  width="70%"  src="http://chenyu-music.oss-cn-beijing.aliyuncs.com/2021-03-21/cae1a53c-03ba-4fa4-8859-7ca7b794cc0c_333333.png">
        </div>
        <div>
          <h3>4.点击我要上墙，上传自己公众号的二维码，及暗号。</h3>
          <img width="70%"  src="http://chenyu-music.oss-cn-beijing.aliyuncs.com/2021-03-21/d58b384f-485f-43b8-82d5-85a0ab8f1226_444444.png">
        </div>
        <div>
          <h3>5.你的公众号二维码即可展示在墙上，你也可以查询谁关注了我，我关注了谁等二维码列表。</h3>
          <img width="70%"  src="http://chenyu-music.oss-cn-beijing.aliyuncs.com/2021-03-21/ffced60c-1539-4272-8033-627121b0dca5_55555.png">
          <img width="70%"  src="http://chenyu-music.oss-cn-beijing.aliyuncs.com/2021-03-21/2fd35e38-2afc-4084-802b-8361af2f40c7_77777.png">
        </div>
        <div>
          <h3>6.别人粉了你，或者你粉了别人都可以根据查询条件获得。</h3>
          <img width="70%"  src="http://chenyu-music.oss-cn-beijing.aliyuncs.com/2021-03-21/a3f7b25c-5ea2-4be4-8f36-ff3030a1a027_66666.png">
        </div>

      </div>
      <span slot="footer">
        <el-button size="mini" type="warning" @click="helpVisible=false">取消</el-button>
        <el-button size="mini"  type="primary" @click="fanHe">确定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import singlePicUpload from '@/components/upload/singlePicUpload'
export default {
  name: 'wxCode-add',
  components: {
    singlePicUpload
  },
  data () {
    return {
      helpVisible: false,
    }
  },
  created: {
  },
  methods: {
    init () {
      this.helpVisible = true
    }
  }

}
</script>

<style scoped>
  .wx-table{
    margin: auto;
    width: 80%;
  }
  .wx-table{
    width: 100px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
  }
  body .el-table th.gutter{
    display: table-cell!important;
  }

</style>
